@CHARSET "UTF-8";

body{
	width: 1200px;
	margin: 0 auto;
	background-image: url("resources/body_background.png");
}


#maincontainer{
	width: 1200px;
	height: 1100px;
	background-image:url("resources/maincontainer_background.png");
}

#maindiv1{
	/*background-color:green;*/
	background-image:url("resources/maindiv1_background.png");
	width: 1200px;
	height: 200px;
	margin-top: 20px;
}

#maindiv2{
	/*background-color:green;*/
	width: 1200px;
	height: 700px;
}

#maindiv3{
	/*background-color:green;*/
	background-image:url("resources/maindiv3_background.png");
	width: 1200px;
	height: 200px;
	margin-bottom: 20px;
}

#banner{
	width: 900px;
	height: 200px;
	float: left;
}

#login{
	width: 300px;
	height: 200px;
	float: left;
}

#menu{
	width: 250px;
	height: 700px;
	float: left;
}

#panel{
	width: 950px;
	height: 700px;
	float: left;
	overflow: auto;
    overflow-x:hidden;
}

#yorum_kutusu{
	width: 200px;
	height: 450px;
	float: left;
	overflow: auto;
    overflow-x:hidden;
}

#footer{
	width: 1200px;
	height: 200px;
	padding-top: 30px;
}

#form{
	margin-top:80px;
}

#navigation {
	font: 0.80em Arial, Helvetica, sans-serif;
    width:80%;
    margin-top: 30px;
    margin-left: 30px;
     
}
	
    
    /* navigation id'sini kullanan div'in içerisindeki 
       listenin div'e göre boşluk değerleri kuralı */	
    #navigation ul {margin:0; padding:0; 
	                background-color:transparent;}
	
	
	/*navigation id'sini kullanan div'in içerisindeki 
	  liste itemlerinin başındaki pointleri kaldıran
	  ve background rengini ayarlayan kural */
    #navigation li {list-style: none;
	                background:#f0f4f7;}

	
	
	/* top-level class'ını kullanan listelerin
	   itemleri için kenarlık,birbirleri arası boşluk ve 
	   köşe ovalliği kuralı */
    ul.top-level li {
		 border: #1a1a1a solid;
		 border-width: 2px;
		 margin-top:5px;
		 -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         height: 40px;
    }
	
	
	/* navigation id'sini kullanan div içerisindeki
	   tüm linkler için renk,dekorasyon(altı çizili değil),
	   sol-üst ve alttan boşluk...vb kurallar */
	#navigation a {
	 color: #265d8c;
	 cursor: pointer;
	 display:block;                 
	 text-decoration:none;
	 padding-left:15%;
	 padding-top:5%;
	 padding-bottom:5%;
	 width:100%;
	 height:100%;
    }
	
	/* navifation id'sini kullanan div içerisindeki
	   tüm liste itemlerinin üzerine gelindiğinde
	   uygulanacak kurallar */
	#navigation li:hover {
	 background: #fff;
	 position: relative;
    }
	
	
	/* açılan alt liste için uygulanacak kurallar 
	   (sub-level sınıfı adı altında)*/
	ul.sub-level {
    	display: none;
		color:#e0e9f0;
		width:100%;
    }
	
	
	/* açılan alt sayfada (sub-level sınıfını kullanıyor)
	   liste itemleri için kullanılacak kurallar */
	ul.sub-level li {
		border: none;
		border: #1a1a1a solid;
		 border-width: 2px;
		 margin-top:5px;
    }
	
	
	/* açılan alt sayfada (sub-level sınıfını kullanıyor)
	   liste itemlerinin üzerine gelindiğinde uygulanacak kurallar */
	li:hover .sub-level {
		background: #dee8ee;
		display: block;
		position: absolute;
		left: 100%;
		top: 0px;
    }
  
    

